Vue.component('questionComponent', {
    template: '<div class="panel panel-default">\n' +
    '    <div class="panel-heading text-center" role="tab">\n' +
    '        <h4 class="panel-title">\t\n' +
    '        \t<a role="button " data-toggle="collapse" data-parent="#question-answer" href="#collapseOne"\n' +
    '                   aria-expanded="false" aria-controls="collapseOne">\n' +
    '                   测试\n' +
    '                </a>\n' +
    '\t\t</h4>\n' +
    '    </div>\n' +
    '    <div id="collapseOne" class="panel-collapse collapse" role="tabpanel">\n' +
    '        <div class="panel-body">\n' +
    '            <div class="question-title-text">\n' +
    '                <p class="text-info">题干</p>\n' +
    '                <img src="#" alt="题目图片">\n' +
    '                <hr>\n' +
    '            </div>\n' +
    '            <div class="question-answer-text">\n' +
    '                <textarea class="textarea-answer form-control text-primary bg-success" onkeyup="Preview.Update()"  v-bind:id="qesId">\n' +
    '                </textarea>\n' +
    '                <hr>\n' +
    '            </div>\n' +
    '            <div class="question-answer-img text-center">\n' +
    '                <div :id="mathPreviewId"></div>\n' +
    '                <div :id="mathBufferId"></div>\n' +
    '                <hr>\n' +
    '            </div>\n' +
    '            <div class="question-keyboard row">\n' +
    '                <button type="button"  class="btn btn-info  col-md-1"><img src="" class="img-responsive center-block"></button>\n' +
    '            </div>\n' +
    '        </div>\n' +
    '    </div>\n' +
    '</div>',
    props: ['qesId','mathPreviewId','mathBufferId'],
    data: function() {
        return {

        }
    }
})